<template>
  <div class="ready">
    <div class="nav">
         <img src="../assets/back.png" alt="">
         <p>电影</p>
    </div>
    
  
   <tab-bar></tab-bar>
  </div>
</template>

<script>
import TabBar from '../common/TabBar'
import { Swipe, SwipeItem } from 'mint-ui';

export default {
  name: 'Move',
  components:{
        TabBar:TabBar
    },
  data () {
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.ready{
   
    flex: 1;
    width:100%;
    margin-top: 0.44rem;
    .nav{
     height: 0.44rem;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.18arem;
      background: #405f80;
    color: #fff;
    position: relative;
      position: fixed;
      left: 0;
      top:0;
    img{
        height:0.17rem;
        width: 0.12rem;
        position: absolute;
        left: 0.18rem;
        top:50%;
        margin-top: -0.09rem;
      }
    }
    .lun_img{
      height: 2.8rem;
      img{
          height: 100%;
          width: 100%;
      }
    }
    
}


</style>
